<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
   <style type="text/css">
    *{ padding:0; margin:0;}
	     .layer1{ height:30px; width:100%; background-color:#CCC; text-align:center; color:#666; line-height:30px;}
		 .layer2{ height:100px; width:66%; margin:0 auto; padding:2%;}
		 .layer3{ height:auto; width:70%; margin:0 auto; margin-top:1%;}
		     .layer3-1{ height:405px; width:15%; background-color:#999; float:left;}
			 .layer3-2{ height:auto; width:65%; float:left; margin-left:2%;}
			     .layer3-2-1{ height:300px; width:100%; background:url(1.PNG); margin-bottom:1%;}
				 .layer3-2-2{ height:100px; width:49%; background:url(2.PNG); float:left; margin-right:1%}
				 .layer3-2-3{ height:100px; width:50%; background:url(3.PNG); float:left;}
			 .layer3-3{ height:405px; width:15%; background-color:#fff; float:left; margin-left:2%;}
			 .layer3-4{ clear:both;}
		 .layer4{ height:200px; width:66%; background-color:#FF6; margin:0 auto; padding:2%; margin-top:1%;}
		        .layer1 a{ text-decoration:none; color:#666; font-size:12px; }
				.layer1 a:hover{ text-decoration:none; color:#F60;}
				.layer2 a{ text-decoration:none; color:#666; font-size:12px; }
				.layer2 a:hover{ text-decoration:none; color:#F60;}
   </style>
</head>

<body bgcolor="#EBEBEB">
   <div class="layer1">
     <p>
         <a href="#">你好，请登录&nbsp;</a>
         <a href="#"><span style="color:#F60">免费注册&nbsp;</span>|</a>
         <a href="#">我的订单&nbsp;|</a>
         <a href="#">我的京东&nbsp;|</a>
         <a href="#">京东会员&nbsp;|</a>
         <a href="#">京东会员&nbsp;|</a>
         <a href="#">京东会员&nbsp;|</a>
         <a href="#">京东会员&nbsp;|</a>
         <a href="#">京东会员</a>
      </p>
   </div>
   <div class="layer2">
     <form id="form1" name="form1" method="post" action="" style="text-align:center">
       <label for="textfield"></label>
       <input type="text" name="textfield" id="textfield" />
       <input type="submit" name="button" id="button" value="搜索" />
     </form><br /><br />
        <p align="center">
         <a href="#">秒杀&nbsp;&nbsp;</a>
         <a href="#">优惠券&nbsp;&nbsp;</a>
         <a href="#">山沟&nbsp;&nbsp;</a>
         <a href="#">&nbsp;&nbsp;拍卖&nbsp;&nbsp;|</a>
         <a href="#">京东服饰&nbsp;&nbsp;</a>
         <a href="#">生鲜&nbsp;&nbsp;</a>
         <a href="#">全球购&nbsp;&nbsp;|</a>
         <a href="#">&nbsp;&nbsp;京东金融&nbsp;</a>
        
      </p>
   </div>
   <div class="layer3">
      <div class="layer3-1"></div>
      <div class="layer3-2">
         <div class="layer3-2-1"></div>
         <div class="layer3-2-2"></div>
         <div class="layer3-2-3"></div>
      </div>
      <div class="layer3-3"></div>
      <div class="layer3-4"></div>
      
   </div>
   <div class="layer4"></div>
   </body>
</html>
